
import React from 'react';
import temp from './itemRender.js'
import { Collapse, Panel } from 'antd';
// itemRender
const BasicConfig = () => {
    const items = [
        {
          key: '1',
          label: '创建项目',
          children: <p>使用CRA创建项目：npx create-react-app react-basic</p>,
        },
        {
          key: '2',
          label: '安装sass',
          children: <p>pnpm i sass -D</p>,
        },
        {
          key: '3',
          label: '配置别名路径@',
          children: <temp.pathAlias></temp.pathAlias>,
        }, {
            key: '4',
            label: '路由配置',
            children: <temp.routerConfig></temp.routerConfig>,
          }, {
            key: '5',
            label: 'Mock服务',
            children: <temp.mockService></temp.mockService>,
          },{
            key: '6',
            label: '配置tailwindcss',
            children: <temp.tailwindcssConfig></temp.tailwindcssConfig>,
          },{
            key: '7',
            label: '配置react toolkit',
            children: <temp.reactToolkitConfig></temp.reactToolkitConfig>,
          },
      ];
      const onChange = (key) => {
        console.log(key);
      };
    
    return (
        <div>
            <Collapse items={items} defaultActiveKey={['1']} onChange={onChange} />
        </div>
    )
};

export default BasicConfig;